<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}
		
			.jianbian {
				height: 80px;
				width: 220px;
				background-image: linear-gradient(#19ACDA, #ffffff);
				border-top-left-radius:10px;
				border-top-right-radius:10px;
			}

			.a1 {
				background: url("img/dotBg.gif") no-repeat;
				width: 220px;
				height: 32px;
			}

			.a1>div {
				padding-top: 6px;
				padding-left: 17px;
			}

			.a1:hover {
				color: red;
				cursor: pointer;
			}

			.tou {
				background: url("img/bg.gif") no-repeat;
				width: 200px;
				height: 32px;
				margin-left: 5px;
				color: white;
			}

			.tou>div {
				padding-top: 6px;
				padding-left: 35px;
			}

			.w {
				width: 220px;
				height: 1px;
				background-color: white;
				
			}
			.hui{
				width: 220px;
				height: 265px;
				border: 1px solid #949494;
				border-radius: 10px;
			}

			
		</style>
	</head>
	<body>
		<div class="hui">
			
		
		<div class="jianbian">
			<div class="tou">
				<div>中心开班信息</div>
			</div>
			<div class="w">
			</div>
			<div class="a1">
				<div>8月12日：学历+技能班</div>
			</div>
			<div class="a1">
				<div>8月16日：高考特招班</div>
			</div>
			<div class="a1">
				<div>8月23日：Java精英班</div>
			</div>
			<div class="a1">
				<div>8月31日：学士后强化班</div>
			</div>
			<div class="a1">
				<div>9月5日：大学生就业班</div>
			</div>
			<div class="a1">
				<div>9月9日：企业定向委培班</div>
			</div>
			<div class="a1">
				<div>9月16日：网络营销强化班</div>
			</div>
		</div>
		</div>
	</body>
</html>
